<template>
  <starPage v-debug="{me,vms,models,dataSet}" v-bind="pageAttrs">
    <model slot="others" :dataSet="dataSet"></model>
  </starPage>
</template>

<script>
import ancMixin from "./ancMixin";
export default {
  name: "",
  mixins: [ancMixin],
  data() {
    return {
      show:false,
      pageAttrs:null,
    };
  },
  props: {},
  watch: {},
  computed: {},
  created() {
    this.beforePageInit();
  },
  mounted() {
    this.$nextTick(() => {
      this.$set(this.anc.vms, this.ref, this);
      this.pageInit();
    });
  },
  methods: {
    /**
     * 页面加载前初始化
     */
    beforePageInit(){
      this.pageAttrs = this.pageTpl();
      this.show = true;
    },
    /**
     * 页面加载后初始化
     */
    pageInit(){

    },
    pageTpl(){
      return {
        title:'abc',//页面标题,如果为空，则标题栏不显示
        icon:'ios-paper-outline',//标题头图标，单击可展开drawer
        split:false,//如果两列配置，可以选则分割线模式，左右比例按照cols的配置
        drawer:false,//是否显示drawer
        titleStyle:{},//标题栏样式
        cols:[24],//如果为null，则表示单列，自带自动滚动条；最多3列;如果为一个元素则以左侧配置为Card显示
        contentStyle:{},//内容区样式
        left:{//左列Card配置
            icon:'md-apps',//标题头图标
            title:'',//标题；如果icon和title都为空，则不显示标题头
            height:'100%',//Card高度
            shadow:false,//Card阴影
            hover:true,//Card悬浮
            extra:[//标题头右侧菜单，为横排文字菜单，以竖行分割
                {
                    title:'',//标题
                    style:{},//样式
                }
            ],
            menu:[//标题图标点击时显示的下拉菜单
                {
                    title:'',//标题
                    style:{},//样式
                }
            ]
        },
        middle:{
            icon:'md-apps',
            title:'',
            height:'100%',
            shadow:false,
            hover:true,
            extra:[],
            menu:[]
        },
        right:{
            icon:'md-apps',
            title:'',
            height:'100%',
            shadow:false,
            hover:true,
            extra:[],
            menu:[]
        }
      }
    },
    sectionTpl(){
      return {
        split:false,//如果两列配置，可以选则分割线模式，左右比例按照cols的配置
        drawer:false,//是否显示drawer
        cols:[12,12],//如果为null，则表示单列，自带自动滚动条；最多3列;如果为一个元素则以左侧配置为Card显示
        left:{//左列Card配置
            icon:'md-apps',//标题头图标
            title:'',//标题；如果icon和title都为空，则不显示标题头
            height:'100%',//Card高度
            shadow:false,//Card阴影
            hover:true,//Card悬浮
            extra:[//标题头右侧菜单，为横排文字菜单，以竖行分割
                {
                    title:'',//标题
                    style:{},//样式
                }
            ],
            menu:[//标题图标点击时显示的下拉菜单
                {
                    title:'',//标题
                    style:{},//样式
                }
            ]
        },
        middle:{
            icon:'md-apps',
            title:'',
            height:'100%',
            shadow:false,
            hover:true,
            extra:[],
            menu:[]
        },
        right:{
            icon:'md-apps',
            title:'',
            height:'100%',
            shadow:false,
            hover:true,
            extra:[],
            menu:[]
        }
      }
    },
    tabsTpl(){
      return {
        config:{
            name:'json',//tabs的名称，tabs嵌套使用时，必须唯一
            value:'0',//tabs的默认页码
            type:'card',//tabs类型,line和card
            style:{height:'60vh'},//tabs样式
            menu:false,//是否显示菜单
            menus:[//菜单配置，DropdownItem配置
                {
                    title:'',//菜单文本
                    menuStyle:{}
                }
            ],
            extra:{
                icon:'md-apps',//额外菜单图标
                style:{},//额外菜单样式
                items:[//额外菜单项
                    {
                        title:'',//菜单文本
                        style:{}//菜单样式
                    }
                ],
            },
            tabs:[
                {
                    icon:'',//图标
                    label:'',//标签
                    menu:true//是否显示菜单
                },
            ]
        }
    }
    }
  },
};
</script>
<style scoped lang="scss">

</style>
